<template>
  <view v-if="shenheStatus == 0" class="content">
    <template v-if="data">
      <video
        :src="data.url"
        title="这是一个视频标题"
        enable-play-gesture
        vslide-gesture
      ></video>

      <view class="con">
        <view class="name">{{ data.title }}</view>
        <view class="des">{{ data.content }}</view>
      </view>
    </template>
  </view>
  <Shenhe v-else-if="shenheStatus == 1"></Shenhe>
</template>

<script>
import Shenhe from "@/components/shenhe/shenhe";

export default {
  components: {
    Shenhe,
  },

  data() {
    return {
      data: null,
    };
  },

  onLoad(opi) {
    if (opi.data) {
      this.data = JSON.parse(opi.data);
    }
  },
};
</script>

<style lang="less" scoped>
.content {
  min-height: 100vh;
  padding-bottom: calc(env(safe-area-inset-bottom));
}

video {
  display: block;
  width: 100%;
  height: 424rpx;
}

.name {
  font-size: 34rpx;
  color: #262626;
}

.des {
  padding-top: 10rpx;
  font-size: 24rpx;
  color: #8c8c8c;
}

.con {
  padding: 30rpx;
}
</style>
